<template>
	<view>
		<view class="search-bar">
			<image class="search-icon" src="../../static/ss.png"></image>
			<input type="text" class="search-input" placeholder="搜索" />
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.search-bar{
	display: block;
    width: 21.5rem;
    height: 2.6rem;
    margin: 1rem 1rem 1rem 1rem;
    background-color: #f5f8ff;
    border-radius: 5px;
}
.search-icon{
    width: 1.3rem;
    height: 1.3rem;
    position: relative;
    right: -8.4rem;
    top: 0.6rem;;
}
.search-input{
	
	text-align: center;
	font-size: 18px;
	position: relative;
	right: 0rem;
	top: -1rem;
}
</style>
